<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../resources/tmpl/catalog_layout.xhtml"
                xmlns:p="http://primefaces.org/ui"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="title">
        #{messages.appTitleCatalog}
    </ui:define>

    <ui:define name="content">
        <p:panel header="#{messages.panelCatalog}">
            <p:panelGrid columns="3" style="width: 100%; text-align: center;">
                <p:button icon="ui-icon-wrench" value="#{messages.scopeEntity}" outcome="scopes" style="font-size: 10px; width: 150px;" />
                <p:button icon="ui-icon-wrench" value="#{messages.yearEntity}" outcome="years" style="font-size: 10px; width: 150px;" />
                <p:button icon="ui-icon-wrench" value="#{messages.knowledgeAreaEntity}" outcome="knowledgeareas" style="font-size: 10px; width: 150px;" />
                <p:button icon="ui-icon-wrench" value="#{messages.especificityEntity}" outcome="especificities" style="font-size: 10px; width: 150px;" />
                <p:button icon="ui-icon-wrench" value="#{messages.graduateEntity}" outcome="graduates" style="font-size: 10px; width: 150px;" />
                <p:button icon="ui-icon-wrench" value="#{messages.gradeEntity}" outcome="grades" style="font-size: 10px; width: 150px;" />
                <p:button icon="ui-icon-wrench" value="#{messages.occupationalGroupEntity}" outcome="occupationalgroups" style="font-size: 10px; width: 150px;" />
                <p:button icon="ui-icon-wrench" value="#{messages.insitutionEntity}" outcome="institutions" style="font-size: 10px; width: 150px;" />
                <p:button icon="ui-icon-wrench" value="#{messages.attainmentEntity}" outcome="attainments" style="font-size: 10px; width: 150px;" />
                <p:button icon="ui-icon-wrench" value="#{messages.undergraduateEntity}" outcome="undergraduates" style="font-size: 10px; width: 150px;" />
                <p:button icon="ui-icon-wrench" value="#{messages.relationshipEntity}" outcome="relationships" style="font-size: 10px; width: 150px;" />
                <p:button icon="ui-icon-wrench" value="#{messages.rolEntity}" outcome="roles" style="font-size: 10px; width: 150px;" />                
                <p:button icon="ui-icon-wrench" value="#{messages.degreeEntity}" outcome="degrees" style="font-size: 10px; width: 150px;" />
                <p:button icon="ui-icon-wrench" value="#{messages.unitEntity}" outcome="units" style="font-size: 10px; width: 150px;" />                
            </p:panelGrid>
        </p:panel>
    </ui:define>
</ui:composition>
